:global{
  .am-tab-bar{
    background-color: #fff;
  }
  .am-navbar{
    background-color: #f6f5f6;
  }
  .am-navbar-title{
   > div{
     padding: 5px 0;
     flex: 1;
     padding-left: 0;
   }
   div:nth-child(2){
     .icon-map{
       color: #0eb26e;
     }
   }
  }
  .am-navbar-left{
    flex: 0 0;
    padding-left: 5px;
    span{
      color: #000;
    }
  }
  .am-navbar-right{
    display: none;
  }
}
.filter_title {
  z-index: 101;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #bbb;
  :global{
    .iconfont{
      color: #bbbbbb;
    }
  }
  display: flex;
  justify-items: center;
  align-items: center;
  height: 45px;
  .fliter_item {
    flex: 1;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.filter_center{
  transition: all 0.5s;
  // display: none;
  &.show{
    display: block;
  }
  .filter_body {
    position: relative;
    z-index: 101;
    .filter_content {
      height: 240px;
      background-color: #fff;
    }
  }
}
.filter_sidebar{
  width: 80%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  transition: all 1s;
  .filter_sildebar_body{
    width: 80vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    .filter_sidebar_content{
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    .filter_sidebar_item {
      padding: 0 10px;
      .filter_sidebar_titie {
        padding: 20px 0;
        font-size: 18px;
      }
      .filter_sidebar_tag{
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #bbb;
        padding-bottom: 25px;
        .filter_sidebar_label {
          width: 27%;
          margin-right: 6%;
          margin-bottom: 6%;
          border-radius: 5px;
          height: 32px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #bbb;
          font-size: 14px;
          color: #888888;
        }
      }
      &:last-child{
        margin-bottom: 60px;
      }
    }
    }
    .filter_sidebar_footer{
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }
  }
  
}
// 公共按钮样式
.filter_footer {
  display: flex;
  justify-content: center;
  height: 50px;
  span{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }
  .filter_cancel_btn {
    flex: 1;
    background-color: #fff;
    color: #21b97a;
  }

  .filter_confirm_btn {
    flex: 2;
    background-color: #21b97a;
    color: #fff;
  }
}
.mask{
  height: 100%;
  width: 100vw;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.active{
  color: #21b97a;
}
.tagactive{
  background-color: #defaef;
  border-color: #21b97a !important;  
  color: #21b97a !important;
}
.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}